<template>
  <div>
    <el-dialog
      :title="title"
      :visible.sync="dialogVisible"
      width="1150px"
      height="800px"
      :modal="false"
      custom-class="zhmpLayer"
    >
      <div class="content">
        <el-form ref="form" label-width="120px" size="mini">
          <el-form-item label="户主："> 赵桂荣 </el-form-item>
          <el-form-item label="上门时间："> 2021/03/31 15:44:20 </el-form-item>
          <el-form-item label="户主情况：">
            <el-input v-model="qk" type="textarea"></el-input>
          </el-form-item>
          <el-form-item label="反馈：">
            <el-input v-model="fk" type="textarea"></el-input>
          </el-form-item>
        </el-form>
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: "zhmpLayer",
  data() {
    return {
      dialogVisible: false,
      title: "上门访户情况",
      qk: "孤寡老人独自一人在家。",
      fk: "一切正常，请按时回访。"
    };
  },
  mounted() {
    window.zhmpLayerInit = this.getData;
  },
  methods: {
    getData(buildid) {
      this.dialogVisible = true;
      
    },
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.el-dialog__wrapper {
  width: 3096px;
  overflow: unset !important;
}
.el-table {
  background: unset;
  margin-top: 5px;
  margin: auto;
}
.content {
  color:white;
  width: 100%;
  height: 400px;
}
</style>
